<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!--引入第三方类库 css样式-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!--引入样式重置 base.less样式-->
    <link rel="stylesheet/less" href="./css/base.less">
    <!--引入自己的 index.less样式-->
    <link rel="stylesheet/less" href="./css/index.less">
    <link rel="stylesheet/less" href="./css/indexSearch.less">
    <!--引入第三方类库 less.js文件-->
    <script src="./lib/less/less.min.js"></script>
</head>
<body>
<style>
    .none{
        display: none;
    }
    .block{
        display: block;
    }
    /*.zIn{*/
        /*z-index: 521;*/
    /*}*/
</style>
<!--头部区域 start-->
<header>
    <div class="mm_logo">
        <a href="index.html" title="慢慢买比价网-手机版">
            <img src="images/header_logo.png" alt="慢慢买比价网-手机版">
        </a>
    </div>
    <div class="mm_load">
        <a href="http://localhost:63342/code/lib/bootstrap/css/bootstrap.min.css.map?_ijt=tu1i8sg163kt7utuus35pa9tvs" title="手机APP下载">
            <img src="images/header_app.png" alt="手机APP下载">
        </a>
    </div>
</header>
<!--头部区域 end-->

<!--搜索区域 start-->
<nav class='clearfix'>
    <input class="fl" type="text" placeholder='请输入你想比价的商品'><input class='fr' type="button" value='搜索'>
</nav>
<!--搜索区域 end-->


<!--比价搜索区域 start-->
<section>
    <div class="list-group">
    </div>
</section>
<!--比价搜索区域 end-->

<!--底部区域 start-->
<footer style="margin-top: 25px">
    <a href="#">登陆</a>
    <a href="#">注册</a>
    <a href="#">
        <span class='glyphicon glyphicon-arrow-up'></span>
        返回顶部
    </a>
</footer>
<div class="mm_end">
    <p>
        <a href="#" style="color: red;">手机APP下载</a>
        <a href="">慢慢买手机版</a>
        -- 掌上比价平台<br/> <span style="font-size: 14px">m.manmanbuy.com</span>
    </p>
</div>
<!--底部区域 end-->

<!--页面定位图片 start-->
<div class="mm_BottomBar">
    <a class="closefix fl" href="javascript:">
        <img src="images/chacha.png">
    </a>
    <a href="#" class='fl'>
        <img src="images/logo_slow.png" alt="">
    </a>
    <div class='text'>
        <p>慢慢买</p>
        <p>全网比较，查历史价格</p>
    </div>
    <a class="download" href="#">立即打开</a>
</div>

<!--页面定位图片 start-->


<!-- 比价搜索分类标题部分模板 -->
<script text="text/template" id="tpl1">
    {{each result as value i}}
        <a href="javascript:;" data-title="{{value.titleId}}" class="list-group-item">{{value.title}}
            <span class='fr'>
                <img src="images/arrow1.gif">
            </span>
        </a>
        <div class="content none">
            <div class="row">
            </div>
        </div>
    {{/each}}
</script>

<!-- 比价搜索分类标题对应分类列表部分模板 -->
<script type="text/template" id="tpl2">
    {{each result as value i}}
        <div class="col-xs-4 first">
            <a href="shopList.html?data-categoryId={{value.categoryId}}">{{value.category}}</a>
        </div>
    {{/each}}
</script>


</body>
</html>
<!--引入 jQuery 文件-->
<script src="./lib/jquery/jquery.js"></script>
<!--引入第三方类库 JS样式-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>
<!--引入模板 文件-->
<script src="./lib/template/template.js"></script>
<!--引入自己的 JS 文件-->
<script src="./js/indexSearch.js"></script>